{% extends 'main.html' %}

{% block content %}
<style>
.home-container{
    display: grid;
    grid-template-columns: 1fr 3fr 1fr;
}
</style>
<div class="home-container">
    {# 浏览主题 strat #}
    {% include "base/topics_component.html" %}
    {# 浏览主题 end #}

    {# 相关学习室...展示 strat #}
    <div>
        <h5>{{ room_count }}个相关学习室...</h5>
        <a href="{% url 'create-room' %}">创建房间</a>
        <div>
            {% include "base/feed_component.html" %}
        </div>
    </div>
    {# 相关学习室...展示 end #}

    {# 最近活跃...展示 strat #}
    <div>
        {% include 'base/activity_component.html' %}
    </div>
    {# 最近活跃...展示 end #}

</div>

{% endblock content %}

